<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <title>慕课网</title>
    <link rel="stylesheet" href="css/main.css" type="text/css">
    <script src="js/setHomeSetFav.js" type="text/javascript" charset="gb2312"></script>
    <script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script>
    <script src="js/mf-pattern/mF_fancy.js" type="text/javascript"></script>
    <link href="js/mf-pattern/mF_fancy.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript">
    myFocus.set({
      id:'picBox'
    })
    </script>
</head>
<body>
      <div class="top">
    	    <div class="top_content">
        		    <ul>
            			    <li><a href="#">加入我们</a></li>
            			    <li><a href="#" onclick="AddFavorite(window.location,document.title)">加入收藏</li>
            			    <li><a href="#" onclick="SetHome(window.location)">设为首页</a></li>
        		    </ul>
    	    </div>
      </div><!--top结束-->
    <div class="wrap">
            <div class="logo">
              	<div class="logo_left">
              		<img src="images/logo.jpg" alt="慕课网"/>
              	</div>
              	<div class="logo_right">
              		<img src="images/tel.jpg" alt="服务热线"/>24小时服务热线：<span class="tel">123-456-7890</span>
              	</div>
            </div> <!--logo结束-->
          <div class="nav">
            <div class="nav_left"></div>
            <div class="nav_mid">
                  <div class="nav_mid_left">
                        <ul>
                          <li><a href="#">首页</a></li>
                          <li><a href="list.html">关于慕课</a></li>
                          <li><a href="list.html">新闻动态</a></li>
                          <li><a href="list.html">课程中心</a></li>
                          <li><a href="list.html">在线课程</a></li>
                          <li><a href="list.html">人才招聘</a></li>
                        </ul>
                  </div>
                  <div class="nav_mid_right">
                    <form action="" method="post">
                      <input type="text" class="search_text"/>
                    </form>
                  </div>
            </div>
            <div class="nav_right"></div>
        </div><!--nav结束-->

        <div class="ad" id="picBox"> 
          <div class="loading"><img src="images/loading.gif" alt="图片加载中..."/></div>
           <div class="pic">
              <ul>
                 <li><img src="images/ad2.jpg"/></li>
                 <li><img src="images/ad3.jpg"/></li>
                 <li><img src="images/ad4.jpg"/></li>
              </ul>
          </div>
        </div>
        <div class="main">
          <div class="news">
            <div class="title">
              <h2 class="title_left">新闻中心</h2><span class="title_right"><a href="news.html">More&gt;&gt;</span></a>
            </div>
            <div class="pic_news">
              <img src="images/news.jpg"/><h2><a href="news.html">520慕女神喊你来表白</a></h2><p>活动时间5月20日到5月25日<br/>获奖公布时间：5月25日<br/><a href="news.html">Learn More&gt;&gt;</a></p> 
            </div>
            <div class="news_list">
              <ul>
                <li><a href="news.html">木刻访谈</a><span>2014-6-1</span></li>
                <li><a href="news.html">有奖活动</a><span>2014-6-1</span></li>
                <li><a href="news.html">程序员的少年</a><span>2014-6-1</span></li>
                <li><a href="news.html">破茧成蝶</a><span>2014-6-1</span></li>
              </ul>
            </div>
          </div><!--news结束-->
          <div class="course">
            <div class="title">
              <h2 class="title_left">课程中心</h2><span class="title_right"><a href="new.html">More&gt;&gt;</a></span>
            </div>
            <div class="course_pic">
              <img src="images/css.jpg" >
                       <h2><a href="new.html"> css圆角进化论</a></h2>
                       <p>css圆角的实现，经历了三大发展阶段：背景图片方式、css2.0+html标签模拟、css3.0圆角属性。本案例详细讲解每一种的实现方式，并对实现的优缺点进行对比分析。</p></div>
            <div class="course_type">
              <ul>
                <li>php开发</li>
                <li>前端开发</li>
                <li>JAVA开发</li>
                <li>Android开发</li>
               </ul>
            </div>
          </div><!--course结束-->
          <div class="sidebar">
            <div class="video">
              <div class="title"><h2 class="title_left">媒体聚焦</h2></div>
              <div class="video_content"><embed src="http://player.youku.com/player.php/sid/XMTYzNTE1MDU1Ng==/v.swf" allowFullScreen="true" quality="high" width="220" height="140" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed></div>
            </div>
            <div class="sidebar_ad">
              <img src="images/app.jpg" />
            </div>
          </div><!--sidebar结束-->
        </div>
    </div><!--Wrap结束-->
    
   </body>
</html>